<template>
    <div class="sendNote">

        <div class="header">
            <span>电子路单</span>
            <span style="cursor: pointer;" @click="() => emit('closeWindow')">X</span>
        </div>

        <div class="content">
            <el-date-picker v-model="dataValue" type="date" placeholder="选择日期">
            </el-date-picker>
            <span> 总趟次：{{ 10 }}</span>
            <span> 总里程：{{ 198.6 }}km</span>


        </div>

        <div class="table">
            <el-table></el-table>
        </div>

    </div>
</template>

<script setup >
const emit = defineEmits(['closeWindow'])
const dataValue = ref()

</script>

<style scoped lang="scss">
.sendNote {
    width: 800px;

    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #9BAFD6;

        >span {
            font-size: 20px;
            font-weight: 600;
        }
    }

    .content {
        margin: 30px 0;
        display: flex;
        align-items: center;
        justify-content: start;

        >span {
            margin-left: 60px;
        }
    }
}
</style>